<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.0 Transitional //EN">
<html>
  <head>
    <script type="text/javascript" src="js/MochiKit/MochiKit.js"></script>
    <script type="text/javascript" src="js/plotkit/Base.js"></script>
    <script type="text/javascript" src="js/plotkit/Layout.js"></script>
    <script type="text/javascript" src="js/plotkit/Canvas.js"></script>
    <script type="text/javascript" src="js/plotkit/SweetCanvas.js"></script>
    <script>

    function drawGraph() {
	var layout = new PlotKit.Layout("bar", {});
	layout.addDataset("sqrt", [[0, 0], [1, 1], [2, 1.414], [3, 1.73], [4, 2]]);
	layout.evaluate();
	var canvas = MochiKit.DOM.getElement("graph");
	var plotter = new PlotKit.SweetCanvasRenderer(canvas, layout, {});
	plotter.render();
    }
    MochiKit.DOM.addLoadEvent(drawGraph);
    </script>
  </head>
  <body>
      <div> <canvas id ='graph' height='300' width='300'></canvas></div>
  </body>
</html>
